body {
	margin: 0; padding: 0;
	background: #ffffff; 
	font: normal 10px tahoma, georgia, arial, sans-serif;
	color: #444;
	
}
.container {
	width: 1220px; 
	margin: 0 auto; 
	overflow: hidden; 
	
	font-size: 1.2em; position: relative;
}
#sidenav {
	width: 238px;
	height: 100%;
	border-left: 1px solid #cccccc;
	border-right: 1px solid #cccccc;
	position: fixed;
	float: left;
	background: #E8E8E8;
}
*html #sidenav {
	position: absolute; 
	left: expression( ( 0 + ( ignoreMe2 = document.documentElement.scrollLeft ? document.documentElement.scrollLeft : document.body.scrollLeft ) ) + 'px' );
	top: expression( ( 0 + ( ignoreMe = document.documentElement.scrollTop ? document.documentElement.scrollTop : document.body.scrollTop ) ) + 'px' );
}

#sidenav #sidebar{
	margin-top:100px;
}

#sidenav h2 {
	text-indent: -99999px;
	height: 41px;
	padding: 0; margin: 15px 0 5px;
	background-position:  20px top;
}	
h2.categories {
	background: url(h2_categories.gif) no-repeat ;
}
h2.sites {
	background: url(h2_othersites.gif) no-repeat ;
}
#sidenav ul {
	margin: 0; padding: 0 20px 30px 20px;
	list-style: none;
	background: url(sidenav_hr.gif) no-repeat right bottom;
}
#sidenav ul li{
	margin: 0; padding:  0;
	display: inline;
}
#sidenav ul li a{
	display: block;
	margin: 0; padding:  5px 0 5px 15px;
	background: url(sidenav_arrow.gif) no-repeat left center;
	text-decoration: none;
	color: #333;
	text-indent: 0px;
}
#sidenav ul li a:hover {
	color: #999;
}

#header {
	
	width: 962px;
	height: 50px;
	background: #E8E8E8;
	border-bottom: 1px solid #cccccc;
	border-right: 1px solid #cccccc;
}


div#search{;
	position: absolute;
	top: 48px;
	left: 255px;
	font-family: Arial, Sans-Serif;
    font-size: 13px;
    text-indent: 0px;
    border: 0px solid white;
}

div#search input[type="text"] {
	position:absolute;
	background:#ffffff;
	font-family: tahoma, Sans-Serif;
    font-size: 13px;
	color: #176092;
    margin: 2px -250px;
    display: block;
    padding: 6px;;
    border: 1px solid #BDBDBD;
	box-shadow: inset 0 2px 2px #ECECEC,0 1px 1px white;
	text-indent:0px;
	width: 215px;
}

div#search img{
	position:absolute;
	top: 7px;
	left: -46px;
	border: none;
}

div#header img{
}

div#header .pos img{
	margin: 5px 20px;
	border: 1px solid #cccccc;
	box-shadow: inset 0 2px 2px #ECECEC;
	text-indent:0px;
	-moz-border-radius: 7px 7px 7px 7px; border-radius:7px;
}

div#header .login a{
	text-decoration:none;
	color:#aeaeae;
	font-weight:bold;
}

div#header .login a:hover{
	color:#5181d8;
	font-weight:bold;
}


div#header .login {
	position:absolute;
	color:#bdbdbd;
	font-weight:bold;
	top: 15px;
	right:200px;
}

div#header .upload  img{
	position:absolute;
	border: 1px solid #cccccc;
	box-shadow: inset 0 2px 2px #ECECEC;
	text-indent:0px;
	-moz-border-radius: 7px 7px 7px 7px; border-radius:7px;
	top: 5px;
	right:50px;
}


*html #header {
	position: absolute; 
	left: expression( ( 0 + ( ignoreMe2 = document.documentElement.scrollLeft ? document.documentElement.scrollLeft : document.body.scrollLeft ) ) + 'px' );
	top: expression( ( 0 + ( ignoreMe = document.documentElement.scrollTop ? document.documentElement.scrollTop : document.body.scrollTop ) ) + 'px' );
}

#content {
	float: right;
	width: 960px;
	height: 100%;
	
	padding: 0 20px 20px;
}

#content #wrapper{
	margin-top: 51px;
}
#content h1 {
	background: url(h1_home.gif) no-repeat center top;
	text-indent: -9999px;
	height: 145px;
	margin: 0 0 0 -20px; padding: 0;
}
#content h2 {
	color: #7f0708;
	margin: 10px 0;  padding: 10px 0;
	font-size: 2em;
	font-weight: normal;
}
#content p {
	line-height: 1.8em;
	padding: 7px 0;
	margin: 7px 0;
}

/*STYLE FOR APP*/
#content .app{
	border-top: 1px solid white;
	border-bottom: 1px solid #cccccc;
	border-right: 1px solid #cccccc;
	float: left;
	padding: 8px;
}
#content .app img {
	border: none;
	text-indent: 0px;
}
#content .app img:active{
text-indent: 0px;
}
#content .app{
	background: #F0F0F0 ;
	cursor: pointer;
	text-align: center;
}
#content .app .title{
	font-size: 14px;
	font-weight: bold;
	padding: 5px;
}
#content .app .subtitle {
	margin-left: 5px;
}

/*
 * SimpleModal Basic Modal Dialog
 * http://www.ericmmartin.com/projects/simplemodal/
 * http://code.google.com/p/simplemodal/
 *
 * Copyright (c) 2010 Eric Martin - http://ericmmartin.com
 *
 * Licensed under the MIT license:
 *   http://www.opensource.org/licenses/mit-license.php
 *
 * Revision: $Id: basic.css 257 2010-07-27 23:06:56Z emartin24 $
 */

#basic-modal-content {display:none;}

/* Overlay */
#simplemodal-overlay {background-color:#000000; }

/* Container */
#simplemodal-container {
	width:80%; height: 90%; 
    background-color:#E8E8E8 ; 
    border:4px solid #444; 
    padding:12px;
}

#simplemodal-container .simplemodal-data {
	padding:8px;
	}
#simplemodal-container code {
	background:#141414; 
	border-left:3px solid #65B43D; 
	color:#bbb; 
	display:block; 
	font-size:12px; 
	margin-bottom:12px; 
	padding:4px 6px 6px;
	}
#simplemodal-container a {
	color:#ddd;
	}
#simplemodal-container a.modalCloseImg {
	background: url("http://localhost/PHP/AndroidMarket/Resource/images/x.png") no-repeat; 
	width:25px; 
	height:29px; 
	display:inline; 
	z-index:3200; 
	position:absolute;
	top:-15px; right:-16px; cursor:pointer;
	}
#simplemodal-container h3 {
	color:#84b8d9;
}
